<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=768,maximum-scale=1.0,user-scalable=no">
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/classlfy.css"/>
		<link rel="stylesheet" href="css/base.css">
	</head>
	<body>
		<div class="wrap">
			<header>
				<div id="header">
					<a href="" class="fl">Back</a>
					<p>分类</p>
					<div class="select fr">
						<select name="">
							<option value="">广州市</option>
							<option value="">深圳市</option>
							<option value="">上海市</option>
						</select>
					</div>
					<!-- <div class="clear"></div> -->
				</div>
			</header>
			<div id="content-lb">
			<div id="picScroll" class="picScroll">
				<div class="bd">
				<ul>
					<li>
							<a href=""><img src="images/fenlei-03.png" alt="" /></a>
							<p>美食</p>
					</li>
					<li>
							<a href=""><img src="images/fenlei.png" alt="" /></a>
							<p>电影</p>
					</li>
					<li>
							<a href=""><img src="images/fenlei-04.png" alt="" /></a>
							<p>运动</p>
					</li>
					<li>
							<a href=""><img src="images/fenlei-05.png" alt="" /></a>
							<p>唱歌</p>
					</li>
				</ul>
				<ul>
					<li>
							<a href=""><img src="images/fenlei-03.png" alt="" /></a>
							<p>美食</p>
					</li>
					<li>
							<a href=""><img src="images/fenlei.png" alt="" /></a>
							<p>电影</p>
					</li>
					<li>
							<a href=""><img src="images/fenlei-04.png" alt="" /></a>
							<p>运动</p>
					</li>
					<li>
							<a href=""><img src="images/fenlei-05.png" alt="" /></a>
							<p>唱歌</p>
					</li>
				</ul>
				<ul>
					<li>
							<a href=""><img src="images/fenlei-03.png" alt="" /></a>
							<p>美食</p>
					</li>
					<li>
							<a href=""><img src="images/fenlei.png" alt="" /></a>
							<p>电影</p>
					</li>
					<li>
							<a href=""><img src="images/fenlei-04.png" alt="" /></a>
							<p>运动</p>
					</li>
					<li>
							<a href=""><img src="images/fenlei-05.png" alt="" /></a>
							<p>唱歌</p>
					</li>
				</ul>
				<ul>
					<li>
							<a href=""><img src="images/fenlei-03.png" alt="" /></a>
							<p>美食</p>
					</li>
					<li>
							<a href=""><img src="images/fenlei.png" alt="" /></a>
							<p>电影</p>
					</li>
					<li>
							<a href=""><img src="images/fenlei-04.png" alt="" /></a>
							<p>运动</p>
					</li>
					<li>
							<a href=""><img src="images/fenlei-05.png" alt="" /></a>
							<p>唱歌</p>
					</li>
				</ul>
				</div>
				<div class="hd">
						<ul></ul>
				</div>
			</div>
			</div>
				<!--<ul>
					<li><a href="" class="disc-first">●</a></li>
					<li><a href="">●</a></li>
					<li><a href="">●</a></li>
					<li><a href="">●</a></li>
				</ul>-->
				<div class="clear"></div>
				<div class="box2">
					<div class="more">
						<!-- <img src="images/fenlei-06.png" alt="" class="fl"/> -->
						<p class="fl food">美食类</p>
						<a href="" class="fr">更多</a>
					</div>
					<div class="clear"></div>
					<div class="cont-bottom">
						<a href=""><img src="images/fenlei-08.png" alt="" /></a>
						<a href="">	<img src="images/fenlei-09.png" alt="" /></a>
						<a href=""><img src="images/fenlei-10.png" alt="" /></a>
						<a href=""><img src="images/fenlei-11.png" alt="" /></a>
					</div>
				</div>
				<div class="clear"></div>
				<div class="box2">
					<div class="more">
						<!-- <img src="images/fenlei-12.png" alt=""  class="fl"/> -->
						<p class="fl sport">运动类</p>
						<a href="" class="fr">更多</a>
					</div>
					<!--<div class="clear"></div>-->
					<div class="clear"></div>
					<div class="cont-bottom">
						<a href=""><img src="images/fenlei-13.png" alt="" /></a>
						<a href=""><img src="images/fenlei-14.png" alt="" /></a>
						<a href=""><img src="images/fenlei-15.png" alt="" /></a>
						<a href=""><img src="images/fenlei-16.png" alt="" /></a>
					</div>
				</div>
				<div class="clear"></div>
				<div class="box2">
					<div class="more">
						<!-- <img src="images/fenlei-17.png" alt="" class="fl"/> -->
						<p class="fl visit">电影类</p>
						<a href="" class="fr">更多</a>
					</div>
					<div class="clear"></div>
					<div class="cont-bottom">
						<a href="">	<img src="images/fenlei-18.png" alt="" /></a>
						<a href=""><img src="images/fenlei-19.png" alt="" /></a>
						<a href=""><img src="images/fenlei-18.png" alt="" /></a>
						<a href=""><img src="images/fenlei-19.png" alt="" /></a>
					</div>
				</div>
			</div>
			<footer>
				<a href="home.html"><img src="images/fenlei-24.png" alt="" /><p>首页</p></a>
				<a href="classlfy.html"><img src="images/fenlei-22.png" alt="" /><p>分类</p></a>
				<a href="find.html"><img src="images/fenlei-23.png" alt="" /><p>发现</p></a>
				<a href="my.html"><img src="images/fenlei-25.png" alt="" /><p>我的</p></a>
			</footer>
		</div>
		<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
		<script type="text/javascript" src="js/TouchSlide.1.1.js"></script>
		<script type="text/javascript">
			TouchSlide({ 
					slideCell:"#picScroll",
					titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
					autoPlay:true,
					autoPage:true, //自动分页
					pnLoop:"false", // 前后按钮不循环
					switchLoad:"_src" //切换加载，真实图片路径为"_src" 
				});
		</script>
	</body>
</html>
